/* ------ BUSINESS ----- */

#TP_tube_wrp #TP_tube {
	margin-top: -60px;
}
.inner_wrp {
	margin: 0px auto; padding: 0px 40px; max-width: 1320px;
}
#TP_topics .wrp {
	margin: 0px auto; padding: 0px 40px; max-width: 1320px;
}
#TP_news .wrp {
	margin: 0px auto; padding: 0px 40px; max-width: 1320px;
}
#TP_business .wrp {
	margin: 0px auto; padding: 0px 40px; max-width: 1320px;
}
#TP_business {
  position: relative;
  padding: 40px 0;
  color: #fff;
  overflow: hidden; }
  #TP_business.biz_1 { width:80%; margin: 0 auto;
    background-color: #98404e; }
  #TP_business.biz_2 {width: 80%; margin: 0 auto;
    background-color: #696969; }
  #TP_business.biz_3 {width:80%; margin: 0 auto;
    background-color: #98404e; }
  #TP_business.biz_4 {width:80%; margin: 0 auto;
    background-color: #696969; }
  #TP_business .wrp {
    position: relative;
    z-index: 2; }
  #TP_business .big_title h3 {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding: 3px 15px 3px 0; }

#biz_cntArea {
  display: table;
  width: 100%;
  margin-top: 20px; }

#TP_biz_ctg {
  display: table-cell;
  vertical-align: top;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 320px; }
  #TP_biz_ctg li {
    font-size: 18px;
    font-size: 1.125rem;
    position: relative;
    display: block;
    margin: 0 0 10px;
    width: 290px;
    line-height: 1;
    cursor: default; }
    #TP_biz_ctg li a {
      display: block;
      cursor: default;
      border: 1px solid transparent;
      transition: border 0.2s ease; }
    #TP_biz_ctg li img {
      max-width: 100%;
      height: auto; }
    .biz_1 #TP_biz_ctg li.biz_1 a,
    .biz_2 #TP_biz_ctg li.biz_2 a,
    .biz_3 #TP_biz_ctg li.biz_3 a,
    .biz_4 #TP_biz_ctg li.biz_4 a {
      border-color: #fff; }
  @media only screen and (max-width: 980px) {
    #TP_biz_ctg {
      width: 250px; }
      #TP_biz_ctg li {
        width: 230px; } }
  @media only screen and (max-width: 640px) {
    #TP_biz_ctg {
      width: 100%; }
      #TP_biz_ctg li {
        display: block;
        width: 100%;
        border: none;
        text-align: center; }
        #TP_biz_ctg li a {
          border: 1px solid #fff;
          display: inline-block;
          cursor: pointer; } }

.biz_block {
  display: table-cell;
  vertical-align: top;
  padding: 25px 30px;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease; }
  .biz_block > div {
    display: none; }
  .biz_1 .biz_block > div.biz_block_1,
  .biz_2 .biz_block > div.biz_block_2,
  .biz_3 .biz_block > div.biz_block_3,
  .biz_4 .biz_block > div.biz_block_4 {
    display: block; }
  .biz_block .biz_title {
    font-size: 23px;
    font-size: 1.4375rem; }
    .biz_block .biz_title .biz_en {
      border-bottom: 2px solid #fff;
      margin: 0 0 12px;
      padding: 0 0 8px; }
    .biz_block .biz_title .biz_jp {
      margin: 0 0 12px;
      padding: 0; }
  .biz_block .biz_text {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 14px;
    line-height: 1.6; }
  .biz_block .biz_link {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0; }
    .biz_block .biz_link a {
      font-size: 18px;
      font-size: 1.125rem;
      letter-spacing: 2px;
      display: inline-block;
      padding: 12px 50px 10px 40px;
      line-height: 1;
      color: #fff;
      text-decoration: none;
      border: 1px solid #fff;
      background-image: url(../images/btn_arw.png);
      background-repeat: no-repeat;
      background-position: right 20px center;
      transition: background 0.2s ease; }
      .biz_block .biz_link a::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
      .biz_block .biz_link a:hover {
        background-color: rgba(255, 255, 255, 0.2);
        background-position: right 10px center; }
  .biz_block .biz_img {
    text-align: center; }
    .biz_block .biz_img img {
      margin: 10px; }
  @media only screen and (max-width: 640px) {
    .biz_block {
      display: none; } }
.biz_linkpro{ width: 85%;  margin:  0 auto;}
.biz_linkpro ul{}
.biz_linkpro li{background: url(../images/icon.gif) no-repeat 5px; line-height: 36px; padding-left:2% ;float: left; margin-right: 2%; font-size: 14px;}
.biz_linkpro li a{ color: #b4b4b4}
.biz_linkpro li a:hover{color: #FFFFFF}

/* selected arw */
#TP_biz_ctg li {
  transition: background 0.2s ease; }
  #TP_biz_ctg li::after {
    display: none;
    content: '';
    position: absolute;
    top: 25px;
    right: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13.0px;
    border-color: transparent transparent transparent #ffffff; }

.biz_1 #TP_biz_ctg li.biz_1,
.biz_2 #TP_biz_ctg li.biz_2,
.biz_3 #TP_biz_ctg li.biz_3,
.biz_4 #TP_biz_ctg li.biz_4 {
  background-color: rgba(255, 255, 255, 0.17); }
  .biz_1 #TP_biz_ctg li.biz_1::after,
  .biz_2 #TP_biz_ctg li.biz_2::after,
  .biz_3 #TP_biz_ctg li.biz_3::after,
  .biz_4 #TP_biz_ctg li.biz_4::after {
    display: block; }

@media only screen and (max-width: 640px) {
  #TP_biz_ctg li {
    background: none !important; }
    #TP_biz_ctg li::after {
      display: none !important; } }

.tp_biz_ly {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1; }

.tp_biz_ly_1 {
  background-image: url(../images/biz_bc_1.jpg); 
  background-color: #98404e; }
  .biz_1 .tp_biz_ly_1 {
    opacity: 1; }

.tp_biz_ly_2 {
  background-image: url(../images/biz_bc_2.jpg);
  background-color: #696969; }
  .biz_2 .tp_biz_ly_2 {
    opacity: 1; }

.tp_biz_ly_3 {
  background-image: url(../images/biz_bc_3.jpg);
  background-color: #98404e; }
  .biz_3 .tp_biz_ly_3 {
    opacity: 1; }

.tp_biz_ly_4 {
  background-image: url(../images/biz_bc_4.jpg);
  background-color: #696969; }
  .biz_4 .tp_biz_ly_4 {
    opacity: 1; }